<script setup>
import {ref} from "vue"
import {Main} from "./main"
import HeaderEl from "./header.vue"
import ContentEl from "./content.vue"
const slideVisible = ref(true)

const main = new Main();

console.log('=======>',main)
</script>

<template>
    <div class="chat-page w-full h-full flex flex-col relative text-16 c-#333 gap-20">
        <HeaderEl :main="main"></HeaderEl>
        <ContentEl :main="main"></ContentEl>
        
        
    </div>
</template>

<style>

.chat-page {
    background:linear-gradient(175.57deg, rgba(147,210,243,0.35) 3.71%,rgba(255,255,255,0.27) 98.95%);

}

/* .chat-page ._slide ._switch {
    display:none;
}

@media only screen and (max-width: 600px) {
    .chat-page {}
    .chat-page ._slide {position:absolute;left:0;top:0;height:100%;transform:translateX(-100%);}
    .chat-page ._slide ._switch{display:block;}
} */
</style>